cody - HTMLify profile

Latest files of /cody/swapnilsparsh/30DaysOfJavaScript/22 - Zoom Effect

font/ cody/swapnilsparsh/30DaysOfJavaScript/22 - Zoom Effect/font/

1 Items

sans.ttf

assets/ cody/swapnilsparsh/30DaysOfJavaScript/22 - Zoom Effect/assets/

2 Items

zoom.png

image.jpg

style.css cody/swapnilsparsh/30DaysOfJavaScript/22 - Zoom Effect/style.css

96 Views

0 Comments

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

@font-face {
font-family: "sans";

index.html cody/swapnilsparsh/30DaysOfJavaScript/22 - Zoom Effect/index.html

318 Views

0 Comments

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="assets/zoom.png" type="image/x-icon">

script.js cody/swapnilsparsh/30DaysOfJavaScript/22 - Zoom Effect/script.js

155 Views

0 Comments

const { body } = document;

let zoomActivated = false;

window.addEventListener('keydown', (e) => {
if(e.key === 'z') {
zoomActivated = !zoomActivated;
}